<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>支付成功页面模板</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link rel="stylesheet" type="text/css" href="../static/css/zhifustyle.css" />
</head>

<body>
    <section class="aui-flexView">
        <header class="aui-navBar aui-navBar-fixed ">
            <a href="javascript:;" class="aui-navBar-item">
                <i class="icon icon-return"></i>
            </a>
            <div class="aui-center">
                <div class="aui-content-box">
                    <!-- <span class="aui-center-title">支付结果</span> -->
                    <h1 class="aui-center-title">支付结果</h1>
                </div>
                <a href="javascript:;" class="aui-navBar-item">
                    <i class="icon icon-more"></i>
                </a>
        </header>
        <section class="aui-scrollView">

            <div class="aui-chang-box">
                <div class="aui-sept-box">
                    <ul class="aui-sept-cell">
                        <li>
                            <div class="aui-yes">
                                <img src="../static/images/dagou.png" alt="">
                            </div>
                            <p>加入购物车</p>
                        </li>
                        <li>
                            <div class="aui-yes">
                                <img src="../static/images/guzhan.png" alt="">
                            </div>
                            <p>商品下单失败</p>
                        </li>
                        <li>
                            <div class="aui-yes">
                                <img src="../static/images/guzhan.png" alt="">
                            </div>
                            <p>人脸验证失败</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="aui-content-box">
                <div class="aui-yes">
                    <img src="../static/images/dacha.png" alt="">
                </div>
                <h1>支付失败</h1>
                <p>人脸验证失败，您可以选择再次进行支付</p>
                <p>原因：系统检测出用户的人脸验证非本人,置信度为：{{conf}},低于0.9</p>
                <div id="que">
                    <button type="button" id="pay" onclick="zhifushibai()">重新支付</button>
                </div>

            </div>
        </section>
    </section>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript">
        function zhifushibai() {
            location.href = 'hello'
        }
        $('.aui-current-item').click(function(e) {
            $(this).addClass('this-card').siblings().removeClass('this-card');
            $('#type-amount').html($(this).find('.cardAmount').html());
        })
    </script>
</body>

</html>